<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_604068_6phxfg4w0pajdcxr.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <!--<link rel="stylesheet" href="https://jqweui.cn/dist/demos/css/demos.css ">-->
    <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
    <link rel="stylesheet" href="/static/mui/css/mui.css">
    <script src="/static/mui/js/mui.js"></script>


    <link rel="stylesheet" href="http://demo.open.weixin.qq.com/jssdk/css/style.css?ts=1420774989">
    <!-- body 最后 -->
    <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>


    <style>
        a {
            color: black
        }

        .mui-bar-tab .mui-tab-item.mui-active {
            color: #fe8200;
        }

        .mui-bar-nav1 {
            top: 0;
            -webkit-box-shadow: 0 0px 6px #ccc;
            box-shadow: 0 0px 6px #ccc;
        }

        .mui-grid-view.mui-grid-9 .mui-table-view-cell {
            border-right: 0px solid #eee;
            border-bottom: 0px solid #eee;
            padding: 6px 15px;
        }

        .mui-slider-item img {
            height: 200px;
            width: auto;
            object-fit: cover;
        }

        .tubiao{
            width: 40px;height: 40px;
        }

    </style>

</head>
<body>

<nav class="mui-bar mui-bar-tab" style="background: white;border: none;  -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .85);
            box-shadow: 0 0 0px rgba(0, 0, 0, .85);">
    <a class="mui-tab-item mui-active" href="#tabbar">
        <span class="mui-icon icon icon-home"></span>
        <span class="mui-tab-label ">首页</span>
    </a>
    <a class="mui-tab-item" href="{:url('/home/goods/goods')} ">
        <span class="mui-icon   icon icon-goods"></span>
        <span class="mui-tab-label">商品</span>
    </a>

    <a class="mui-tab-item" id="mine" href="{:url('/home/my/my')} ">
        <span class="mui-icon   icon icon-my"></span>
        <span class="mui-tab-label">我的</span>
    </a>

</nav>


<div class="mui-content" id="app">
    <!--首页开始-->
    <div id="tabbar" class="mui-control-content mui-active">
        <!--头部开始-->
        <header class="mui-bar mui-bar-nav1"
                style="height: 50px;line-height: 50px;background:white;position: relative;">
            <a class="city" style="position: absolute;left: 1rem;color: black" href="#">周口</a>
            <a class="icon   icon-dianhua" href="tel:4000-766-177"
               style="position: absolute;right:1.5rem;color: gray"></a>
        </header>

        <!--轮播图开始  -->
        <div id="slider" class="mui-slider">
            <div class="mui-slider-group mui-slider-loop">
                <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
                <div class="mui-slider-item mui-slider-item-duplicate">
                    <a href="{$pic_start.url}">
                        <img src="{$qdm}{$pic_start.src}">
                    </a>
                </div>

                {foreach $slide as $key =>$item}
                <!-- 第一张 -->
                <div class="mui-slider-item">
                    <a href="{$item.url}">
                        <img src="{$qdm}{$item.src}">
                    </a>
                </div>
                {/foreach}


                <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                <div class="mui-slider-item mui-slider-item-duplicate">
                    <a href="{$pic_end.url}">
                        <img src="{$qdm}{$pic_end.src}">
                    </a>
                </div>
            </div>
            <div class="mui-slider-indicator">
                {foreach $slide as $key =>$item}
                <div class="mui-indicator {if $key==0} mui-active {/if}"></div>
                {/foreach}

            </div>
        </div>
        <!--轮播图结束  -->

        <!--栅格菜单开始-->
        <div>
            <ul class="mui-table-view mui-grid-view mui-grid-9" style="background: white;">
                <li class="mui-table-view-cell mui-media mui-col-xs-4 ">
                    <a href="#">
                        <span>
                            <img    class="tubiao"  src="/static/images/icon/icon9.png">
                        </span>
                        <div class="mui-media-body">臻品套餐</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 "><a href="{:url('/home/project/task')}">
                    <span><img  class="tubiao"  src="/static/images/icon/icon8.png"></span>
                    <div class="mui-media-body">直播大厅</div>
                </a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 "><a href="{:url('/home/Goods/goods')}">
                    <span><img   class="tubiao" src="/static/images/icon/icon3.png"></span>
                    <div class="mui-media-body">所用主材</div>
                </a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 "><a href="{:url('/home/Shouye/xzx')}">
                    <span><img  class="tubiao" src="/static/images/icon/icon7.png"></span>
                    <div class="mui-media-body">学装修</div>
                </a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 "><a href="{:url('/home/Worker/index')}">
                    <span><img  class="tubiao"  src="/static/images/icon/icon4.png"></span>
                    <div class="mui-media-body">热门活动</div>
                </a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 "><a href="tel:15139390960">
                    <span><img  class="tubiao"  src="/static/images/icon/icon6.png"></span>
                    <div class="mui-media-body">在线咨询</div>
                </a></li>
            </ul>
        </div>
        <!--栅格菜单结束-->

        <!--装修流程开始-->
        <div style="margin-top:5px;background: white;">
            <div style="text-align: center;height: 40px;line-height: 40px">
                装修流程
            </div>
            <!--制作在线预约-->
            <div>
                <ul class="mui-table-view mui-grid-view mui-grid-9" style="background: white;">

                    <li class="mui-table-view-cell mui-media mui-col-xs-9 "><a href="#">
                        <span><img style="width: 110%;height: 50px" src="/static/images/zxlct.png"></span>
                        <div class="mui-media-body"><span>线上预约</span> <span style="margin-left: 10%"> 邀请到店</span> <span
                                style="margin-left: 10%">上门量房</span></div>
                    </a></li>

                    <li class="mui-table-view-cell mui-media mui-col-xs-3 "><a
                            href="{:url('/home/Shouye/completeprocess')}">
                        <span><img style="width: 45px;height: 50px" src="/static/images/zxjc2.jpg"></span>
                        <div class="mui-media-body">完整流程</div>
                    </a></li>
                </ul>

            </div>

            <!--&lt;!&ndash;
            &ndash;&gt;href="./zxyy.html"-->


            <!--<a    href="{:url('/home/shouye/zxyy')}">-->
            <!--<div class="mui-row" style="margin-top: 5px;height:90px">-->
            <!--<div class="mui-col-xs-3 ">-->
            <!--<img   style="width: 100%;height: 90px" src="/static/images/zxyy2.jpg" >-->
            <!--</div>-->
            <!--<div class="mui-col-xs-7 " >-->
            <!--<div  style="font-weight: bolder;margin-top: 13px;font-size: 15px">在线预约</div>-->
            <!--<div  style="font-size: 12px">线上预留姓名和联系方式预约，专属客服进行一对一回访</div>-->
            <!--</div>-->
            <!--<div class="mui-col-xs-2 "  style="position: relative" >-->
            <!--<img   style="width: 100%;height:90px" src="/static/images/zxjc2.jpg" >-->
            <!--<span style="position: absolute;right: 5px;bottom: 5px;font-size: 10px;color: rgb(239,239,244)">点击进入</span>-->
            <!--</div>-->
            <!--</div>-->
            <!--</a>-->
        </div>
        <!--装修流程结束-->


        <!--热门案例开始-->
        <div style="margin-top: 5px;background: white;">
            <div style="text-align: center;height: 40px;line-height: 40px">
                热门案例
            </div>

            {foreach $data as $v}
            <!--<div type="hidden" name="id" value="{$v.id}"></div>-->
            <div data_id="{$v.id}" onclick="detail(this)" style="position: relative;height: 200px
">

                <img src="{$qdm}{$v.small_img}" style="height: 100%;width: 100%;">
                <div style="position: absolute;bottom: 0px; background-size: 100%;width: 100%;height: 150px;text-align: center">
                    <div style="padding-top: 65px;color: white;font-size: 20px">{$v.cases_name}</div>
                    <div style="padding-top: 25px ;color: white;font-size: 15px">{$v.house_type} {$v.area}㎡</div>
                </div>
            </div>
            {/foreach}
            <a href="{:url('/home/Shouye/cases')}">
                <div style="height: 40px;line-height: 40px;text-align: center;clear: both;font-size: 12px">查看更多</div>
            </a>
        </div>
        <!--热门案例结束-->

        <!--直播厅开始-->
        <div style="margin-top: 5px;background: white;">
            <div style="text-align: center;border-bottom: 0.01rem solid #f4f4f4;height: 40px;line-height: 40px">
                直播厅
            </div>
            {foreach $pro as $p}
            <div  data_id="{$p.id}" onclick="pro_detail(this)" style="height: 90px;border-bottom: 0.01rem solid #f4f4f4;">
                    <span style="width: 35%;float: left;">
                        <img style="width: 90%;height: 80px;padding: 5px" src="{$p.project_picture}">
                    </span>
                    <span style="width: 60%;float: left;padding: 5px">
                        <span>{$p.address}</span><br>
                        <span style="font-size: 13px">
                            {foreach name="$p.client" item="it"}
                               <b>{$it.name}</b>
                            {/foreach}
                            {$p.area}m²
                        </span><br>
                        <span style="font-size: 13px">开工日期：{$p.start_time}</span>
                    </span>
            </div>
            {/foreach}
            <a href="{:url('/home/project/task')}">
                <div style="height: 40px;line-height: 40px;text-align: center;clear: both;font-size: 12px">查看更多</div>
            </a>
        </div>
        <!--直播厅结束-->

        <!--学装修开始-->
        <div style="margin-top: 5px;background: white;">
            <div style="text-align: center;border-bottom: 0.01rem solid #f4f4f4;height: 40px;line-height: 40px">
                学装修
            </div>
            {foreach $res as $v}

            <div data_id="{$v.id}" style="height: 100px;border-bottom: 0.01rem solid #f4f4f4;clear: both;padding: 10px"
                 onclick="detail2(this)">

                <div style="width: 35%;float: left;">
                    <img style="width: 90%;height: 80px;padding: 5px;object-fit: scale-down" src="{$qdm}{$v.small_img}">
                </div>
                <div style="width: 60%;float: left;padding: 5px;">
                    <span style="word-wrap:break-word ">{$v.title}</span>
                    <div style="position: relative">
                        <span style="font-size: 8px">{$v.fenlei}</span>
                        <!--<span  style="position: absolute;right: 15px;"  class="icon icon-yanjing"> </span>-->
                        <!--<span  style="position: absolute;right: -10px;font-size: 8px"  >{$v.click_rate}</span>-->
                    </div>
                </div>

            </div>
            {/foreach}

            <a href="{:url('/home/Shouye/xzx')}">
                <div style="height: 40px;line-height: 40px;text-align: center;clear: both;font-size: 12px">查看更多</div>
            </a>
        </div>
        <!--学装修结束-->

    </div>
    <!--首页结束-->

    <!--商品开始-->
    <div id="tabbar-shop" class="mui-control-content ">
        <!--头部-->
    </div>
    <!--商品结束-->

    <!--我的开始-->
    <div id="tabbar-my" class="mui-control-content ">

    </div>
    <!--我的结束-->
</div>


</body>

<script type="text/javascript" charset="utf-8">
    //轮播图
    var gallery = mui('.mui-slider');
    gallery.slider({
        interval: 3000//自动轮播周期，若为0则不自动播放，默认为0；
    });
</script>
<script>
    mui('body').on('tap', 'a', function () {
        document.location.href = this.href;
    });
</script>
<script>
    function detail(that) {
        console.log("232");
        var id = $(that).attr('data_id');
        console.log(id);
        var s = "cases_detail?id=" + id;
        console.log(s + '111');
        location.href = s;
    }
</script>
<script>
    function detail2(that) {
        console.log("232");
        var id = $(that).attr('data_id');
        console.log(id);
        var s = "xzx_detail?id=" + id;
        console.log(s + '111');
        location.href = s;
    }
    function pro_detail(that) {
        var id = $(that).attr('data_id');
        var s = "/home/project/detail?id=" + id;
        location.href = s;
    }
</script>
<!--<script>-->
<!--$("#mine").click(function () {-->

<!--window.location.href="{:url('/home/My/my')}";-->

<!--});-->
<!--</script>-->
<!--<script>-->

<!--$("#shop").click(function () {-->

<!--window.location.href="{:url('/home/goods/goods')}";-->

<!--});-->


<!--</script>-->


<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>

    wx.config({
        debug: false,
        appId: '{$jsconfig.appId}',
        timestamp: '{$jsconfig.timestamp}',
        nonceStr: '{$jsconfig.noncestr}',
        signature: '{$jsconfig.signature}',
        jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo',
            'hideMenuItems',
            'showMenuItems',
            'hideAllNonBaseMenuItem',
            'showAllNonBaseMenuItem',
            'translateVoice',
            'startRecord',
            'stopRecord',
            'onRecordEnd',
            'playVoice',
            'pauseVoice',
            'stopVoice',
            'uploadVoice',
            'downloadVoice',
            'chooseImage',
            'previewImage',
            'uploadImage',
            'downloadImage',
            'getNetworkType',
            'openLocation',
            'getLocation',
            'hideOptionMenu',
            'showOptionMenu',
            'closeWindow',
            'scanQRCode',
            'chooseWXPay',
            'openProductSpecificView',
            'addCard',
            'chooseCard',
            'openCard'
        ]
    });
    wx.isInit = false;

    wx.ready(function () {


        wx.getLocation({
            type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
            success: function (res) {
                var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                var speed = res.speed; // 速度，以米/每秒计
                var accuracy = res.accuracy; // 位置精度
//                alert(JSON.stringify(res));
            }

        });
    })


    wx.error(function (res) {
        alert(res.errMsg);
    });


</script>

</html>







































